<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>kang</title>
		<style>
			.d1{
				width: 100px;
				height: 200px;
				background-color: aqua;
			}
			.d2{width: 200px;
				height: 100px;
				background-color: aqua;}
			
		</style>
		
	</head>
	<body>
		
		<div id="d1" class="d1" title="kang" falge="123"></div>
		<script>
			//获取和设置标准的HTML属性（除了class外）都是通过元素对象属性名
			// var d1=document.getElementById("d1");
			// alert("d1.className");
			// d1.className="d2";
			
			
			/*
			自定义属性的获取和设置
			getAttribute(属性名)获取自定义属性
			setAttribute(属性名，属性值)设置自定义属性
			*/
		  //alert(d1.getAttribute("falge"));
			d1.setAttribute("falge","zxcv");
			alert(d1.getAttribute("falge"));
			// alert(d1.getAttribute("title"));
			
			
		</script>
		
	</body>
</html>
